<template>
	<view class="">
		<view class="content">
			<view class="card shodow flex marbot24" @click="handlesb(1)">
				<view class="marr32">
					<image src="/static/image/mdjf.png" mode="aspectFill" style="width: 96rpx;height: 96rpx;display: block;"></image>
				</view>
				<view class="felx_1 flex align_center">
					<view class="flex_1 marr32">
						<view class="bold marbot8" style="font-size: 32rpx;">矛盾纠纷上报</view>
						<view class="font28 heis" v-html="text_config.maodunjiuf">{{ text_config.maodunjiuf }}</view>
					</view>
					<view class="">
						<image src="/static/image/chevron-right.png" mode="aspectFill" style="width: 40rpx;height: 40rpx;display: block;"></image>
					</view>
				</view>
			</view>
			<view class="card shodow flex marbot24" @click="handlesb(2)">
				<view class="marr32">
					<image src="/static/image/ssp.png" mode="aspectFill" style="width: 96rpx;height: 96rpx;display: block;"></image>
				</view>
				<view class="felx_1 flex align_center">
					<view class="flex_1 marr32">
						<view class="bold marbot8" style="font-size: 32rpx;">随手拍上报</view>
						<view class="font28 heis" v-html="text_config.shuishoupai">{{ text_config.shuishoupai }}</view>
					</view>
					<view class="">
						<image src="/static/image/chevron-right.png" mode="aspectFill" style="width: 40rpx;height: 40rpx;display: block;"></image>
					</view>
				</view>
			</view>
			<view class="card shodow flex marbot24" @click="handlesb(3)">
				<view class="marr32">
					<image src="/static/image/yjsj.png" mode="aspectFill" style="width: 96rpx;height: 96rpx;display: block;"></image>
				</view>
				<view class="felx_1 flex align_center">
					<view class="flex_1 marr32">
						<view class="bold marbot8" style="font-size: 32rpx;">应急事件上报</view>
						<view class="font28 heis" v-html="text_config.yinjishijian">{{ text_config.yinjishijian }}</view>
					</view>
					<view class="">
						<image src="/static/image/chevron-right.png" mode="aspectFill" style="width: 40rpx;height: 40rpx;display: block;"></image>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import CONFIG from '@/config/config.js'
	export default {
		name: 'ssp_type',
		data () {
			return {
				baseUrl:CONFIG.baseUrl,
				text_config:{}
			}
		},
		onLoad(e){
			uni.request({
			  url: this.baseUrl + '/api/v1/getTextConfig',
			  data: {},
			  success:(res) => {
			    this.text_config = res.data.data
			  }
			})
		},
		methods: {
			handlesb(type){
				this.$Router.push({
					name: 'ssp_shangbao',
					params: {
						type
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		padding: 24rpx;
		.card{
			padding: 40rpx 24rpx;
			background: #fff;
			border-radius: 16rpx;
		}
	}
	.marbot24{
		margin-bottom: 24rpx;
	}
	.marbot8{
		margin-bottom: 8rpx;
	}
	.martop24{
		margin-top: 24rpx;
	}
	.marr32{
		margin-right: 32rpx;
	}
</style>